/* CSS Reset */ #think_page_trace_open{ display: none; } @media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: smooth;}} html{-webkit-text-size-adjust:none; width: 100%; max-width: 100%;} body{color: #222222;overflow-x:hidden;margin:0; padding:0; line-height: 1; font:14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; font-size: 14px; width: 100%; max-width: 100%;} input,select,textarea {border-radius: 0;outline: none; font:14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; border: 0; padding: 0; margin: 0;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;} a{font-size: 14px;text-decoration:none;color: #222222;} img{ vertical-align: top; max-width: 100%; margin: 0; padding: 0; border: 0;} *{ box-sizing: border-box;} .notblue{-moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none;} a{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} ::after,::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;box-sizing: border-box;} .MoShow { display:none;} html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; line-height: 1;} p { margin: 0; padding: 0; border: 0; vertical-align: baseline; } .ohidden{ overflow: hidden;} .m-header-nav {display:none;} .IBg{ background: #031537;} .tra{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .tra:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .tra2 img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .tra2:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .dflex{ display: flex;} .jccenter{ justify-content: center;} input[type="submit"],input[type="button"],input[type="radio"],input[type="checkbox"]{ cursor: pointer;} .notBlue{-moz-user-select: none; /* 火狐 */ -webkit-user-select: none; /* webkit浏览器 */ -ms-user-select: none; /* IE10 */ -khtml-user-select: none; /* 早期浏览器 */ user-select: none;} .clamp1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .clamp2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .clamp3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .clamp4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .BWeight{ font-weight: bolder;} .content_list_video{display:none; position: fixed; left:0; top:0; z-index: 1250; width: 100%; height: 100%;} .content_list_video.on{display:block;} .content_list_video .list_video_bg{position:fixed;background:rgba(0,0,0,.8);left:0;top:0;width:100%;height:100%;z-index:120;} .content_list_video .list_video_content{ width:1000px; max-width: 90%; position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:121;} .content_list_video .list_video_content .video_content_close{cursor:pointer;position:fixed;right:0;top:-35px;} .content_list_video .list_video_content .video_content_close span{color:#fff;font-size:25px;} .content_list_video .list_video_content video{width:100%;} .click_video{cursor:pointer;} /* 弹窗样式 Start */ .message_box{position: fixed; top: 0; bottom: 0; left: 0; right: 0;margin: 0; padding: 0; border: 0;z-index: 999999999;} .message_box .message_box_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);display: flex; align-items: center; justify-content: center;opacity: 0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease;z-index: 999999999;} .message_box .message_box_content{width: 18%;vertical-align: middle; background-color: #fff; border-radius: 4px; border: 1px solid #ebeef5; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); text-align: left; overflow: hidden; backface-visibility: hidden;} .message_box .message_box_content .content_top{position: relative; padding: 15px 15px 10px;display: flex; align-items: center; justify-content: space-between;} .message_box .message_box_content .content_top .content_top_title{padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133;} .message_box .message_box_content .content_top .content_top_close{width: 15px; height: 15px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;} .message_box .message_box_content .content_top .content_top_close .top_close_li{width: 1px; height: 13px; border-radius: 100px;background-color: #909399; position: absolute; top: auto; right: auto; bottom: auto; left: auto;-webkit-transition:background-color .35s ease;-moz-transition:background-color .35s ease;transition:background-color .35s ease;} .message_box .message_box_content .content_top .content_top_close .top_close_left{transform: rotate(45deg);} .message_box .message_box_content .content_top .content_top_close .top_close_right{transform: rotate(315deg);} .message_box .message_box_content .content_top .content_top_close:hover .top_close_li{background: #de6c00;} .message_box .message_box_content .content_center{padding: 5px 15px;} .message_box .message_box_content .content_center p{line-height: 1.5;color: #606266; font-size: font-size: 14px;;} .message_box .message_box_content .content_center input{width: 100%; font-size: font-size: 14px;; padding: 5px; border: 1px solid #606266; border-radius: 4px; color: #606266; } .message_box .message_box_content .content_center input:focus{border-color: #ff7f08;} .message_box .message_box_content .content_bottom{padding: 10px 15px 15px 15px;text-align: right;} .message_box .message_box_content .content_bottom .content_bottom_btns{display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #ff7f08; border: 1px solid #ff7f08; color: #fff; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0;font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 9px 16px; font-size: 12px; border-radius: 4px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .message_box .message_box_content .content_bottom .content_bottom_btns:hover{border-color: #de6c00; background-color: #de6c00;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no{margin-right: 12px;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no{border-color:#c1c1c1;background-color: #c1c1c1;color: #ffffff;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no:hover{border-color: #aaaaaa; background-color: #aaaaaa;} .prompts .message_box_content .content_top .content_top_title{font-size: 17px;} .prompts .message_box_content .content_center{padding: 8px 15px;} .message_box .message_box_bg.on{opacity: 1;} .notice_box{display: flex; width: 330px; border-radius: 8px; box-sizing: border-box; border: 1px solid #ebeef5; position: fixed; right: 20px; background-color: #fff; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s; overflow: hidden;z-index: 999999999;} .notice_box .notice_box_content{width: 100%;} .notice_box .notice_box_content .content_top{position: relative; padding: 18px 18px 7px 18px;display: flex; align-items: center; justify-content: space-between;} .notice_box .notice_box_content .content_top .content_top_title{padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133;} .notice_box .notice_box_content .content_top .content_top_close{width: 15px; height: 15px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;} .notice_box .notice_box_content .content_top .content_top_close .top_close_li{width: 1px; height: 13px; border-radius: 100px;background-color: #909399; position: absolute; top: auto; right: auto; bottom: auto; left: auto;-webkit-transition:background-color .35s ease;-moz-transition:background-color .35s ease;transition:background-color .35s ease;} .notice_box .notice_box_content .content_top .content_top_close .top_close_left{transform: rotate(45deg);} .notice_box .notice_box_content .content_top .content_top_close .top_close_right{transform: rotate(315deg);} .notice_box .notice_box_content .content_top .content_top_close:hover .top_close_li{background: #ff7f08;} .notice_box .notice_box_content .content_btm{padding: 8px 18px 18px 18px;} .notice_box .notice_box_content .content_btm p{color: #606266; font-size: 14px;} @media screen and (max-width:3820px){.message_box .message_box_content{width: 17%;}} @media screen and (max-width:2490px){.message_box .message_box_content{width: 18%;}} @media screen and (max-width:1920px){.message_box .message_box_content{width: 20%;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 8px 15px;font-size: 12px;}} @media screen and (max-width:1740px){.message_box .message_box_content{width: 21%;}} @media screen and (max-width:1680px){.message_box .message_box_content{width: 22%;}} @media screen and (max-width:1560px){.message_box .message_box_content{width: 23%;}} @media screen and (max-width:1440px){.message_box .message_box_content{width: 25%;}} @media screen and (max-width:1366px){.message_box .message_box_content{width: 27%;}} @media screen and (max-width:1280px){.message_box .message_box_content{width: 28%;}} @media screen and (max-width:1240px){.message_box .message_box_content{width: 29%;}} @media screen and (max-width:1024px){.message_box .message_box_content{width: 30%;}} @media screen and (max-width:980px){.message_box .message_box_content{width: 38%;}} @media screen and (max-width:800px){.message_box .message_box_content{width: 70%;border-radius: 5px;}.message_box .message_box_content .content_top{padding: 12px 12px 10px;}.message_box .message_box_content .content_center{padding: 7px 12px;}.message_box .message_box_content .content_center{padding: 6px 12px;}.message_box .message_box_content .content_bottom{padding: 5px 12px 12px 12px;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 8px 15px;font-size: 13px;border-radius: 5px;}} /* 弹窗样式 End */ .search{position:fixed;width:100%;height:100%;left:0;top:0;right:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:1250;} .search .search_bg{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .search .search_bg .search_content{width:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;} .search .search_bg.on .search_content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;} .search .search_content .search_content_top{position:relative;} .search .search_content .search_content_top .search_close{position:absolute;right:0;top:-50px;color:#fff;font-size:30px;} .search .search_content .search_content_bottom{display:flex;align-items:center;justify-content:center;position:relative;border-radius:100px;overflow:hidden;} .search .search_content input[type="search"]{width:80%;background:inherit;height:80px;font-size:16px;color:#333;padding:0px 20px;z-index:1;position:relative;background:#fff;border:0px;} .search .search_content input[type="submit"]{width:20%;height:80px;font-size:16px;z-index:1;position:relative;color:#111;cursor:pointer;color:#fff;background:#ff7f08;border:0px;} .pc_all .pc_all_content{ width: 1400px; margin: 0 auto; max-width: 90%;} .pc_all *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pc_all *:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pc_all2 .pc_all_content{ width: 1400px; margin: 0 auto; max-width: 90%;} .bgcolor{ background: #f5f5f5;} .page{width: 100%;} .layui-laypage {display:flex;font-size:16px;color:#333;align-items:center;justify-content:center;} .layui-laypage .layui-laypage-count {margin-right: 7px; padding: 0 11px; height: 40px; font-size: 16px; line-height: 40px; color: #999; background-color: #f9f9f9;border: 1px solid #dadada;display: none;} .layui-laypage a{ width: 20px; color:#999;font-size:20px;color:#999;text-align:center;margin:0 3px;font-family:Arial;display: flex; align-items: center; justify-content: center;} .layui-laypage a:first-child{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:100;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;background-color: #145a49; cursor: not-allowed; font-size: 20px} .layui-laypage a:last-child{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:100;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;background-color: #cccccc; font-size: 20px} .layui-laypage a:hover{ color: #145a49; font-size: 26px;} .layui-laypage-curr em,.layui-laypage-disabled em {font-style:inherit;font-family:Arial;} .layui-laypage-curr{ color: #145a49; font-size: 26px; width: 20px; text-align: center;margin:0 3px;} .layui-laypage .layui-laypage-disabled{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:100;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;background-color: #cccccc; font-size: 20px} .layui-laypage a:hover{ color: #145a49; font-size: 26px;} .layui-laypage-limits,.layui-laypage-skip {display:none;} .FloatingBox *{transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .FloatingBox *:hover{transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .FloatingBox{ position: fixed; right: 0; top: 50%; z-index: 25;} .FloatingBox .FloatingBox_box{ box-shadow: 0px 0px 20px rgba(0,0,0,.1); border-radius: 10px;} .FloatingBox .FloatingBox_box:last-child{ margin-top: 20px;} .FloatingBox .FloatingBox_box:last-child .FloatingBox_list .FloatingBox_list_title{ border-radius: 10px;} .FloatingBox .FloatingBox_list{ position: relative; cursor: pointer;} .FloatingBox .FloatingBox_list .FloatingBox_list_title{ background:#fff; width: 80px; text-align:center; padding: 15px 0px;} .FloatingBox .FloatingBox_list:nth-child(2) .FloatingBox_list_title{ padding: 5px 0px;} .FloatingBox .FloatingBox_list:first-child .FloatingBox_list_title{ border-radius: 10px 10px 0px 0px;} .FloatingBox .FloatingBox_list:last-child .FloatingBox_list_title{ border-radius: 0px 0px 10px 10px;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon{ display: flex; align-items:center; justify-content:center;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon span{ display: flex; align-items:center; justify-content:center; position: relative; margin-bottom: 10px;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon span img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_dd{ color:#333;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_dd{ color:#fff;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title{ background:#ff7f08;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_icon span img{ opacity: 0;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_icon span img:last-child{ opacity: 1;} .FloatingBox .FloatingBox_list.wx .FloatingBox_list_down{ position: absolute; left: -130px; width: 130px; top: 0; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .FloatingBox .FloatingBox_list.wx .FloatingBox_list_down img{ width: 100%;} .FloatingBox .FloatingBox_list.phone .FloatingBox_list_down{ position: absolute; left: -215px; width: 215px; height: 100%; align-items: center; justify-content: center; top: 0; background: #ff7f08; color: #fff; border-radius: 10px 0px 0px 10px} .FloatingBox .FloatingBox_list .FloatingBox_list_down{ display: none;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_down{ display: flex;} .Header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 8; background: #006431;} .Header .pc_all_content{ display: flex; align-items: center; justify-content: space-between; height: 105px;} .Header .Header_logo{ display: inline-block;} .Header .Header_logo img{ height: 39px;} .Header .Header_nav{ display: flex; align-items: center;} .Header .Header_nav .Header_nav_list{ margin-right: 72px; position: relative;} .Header .Header_nav .Header_nav_list:last-child{ margin-right: 0;} .Header .Header_nav .Header_nav_list .Header_nav_title{ color: #fff; line-height: 105px;} .Header .Header_nav .Header_nav_list .Header_nav_down{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 160px; background: #31302f; padding: 0px 22px; border-top: 2px solid #8ec31f; display: none;} .Header .Header_nav .Header_nav_list .Header_nav_down a{ color: rgba(255,255,255,.5); display: inline-block; width: 100%; padding: 12px 0px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.1);} .Header .Header_nav .Header_nav_list .Header_nav_down a:hover{ color: #fff;} .Header .Header_nav .Header_nav_list:hover .Header_nav_down{ display: block;} .banner{ position: relative; margin-top: 105px;} .banner .banner_list .banner_list_img img{ width: 100%; height: auto; object-fit: cover;} .banner .swiper-pagination{ position: absolute; bottom: 70px; left: 0; width: 100%;} .banner .swiper-pagination span{ background: #006431; width: 11px; height: 11px; margin: 0px 6px;} .sign{ height: 22px; background: #cfe3e5; display: flex; align-items: center; justify-content: center; position: relative; z-index: 4; margin-bottom: 55px;} .padding90{ padding: 90px 0px;} .padding90.paddingtop0{ padding-top: 0 !important;} .IAbout .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .IAbout .pc_all_content .IAbout_img{ width: 53%;} .IAbout .pc_all_content .IAbout_right{ width: 45%;} .IAbout .pc_all_content .IAbout_right .IAbout_right_txt{ line-height: 2; color: #969696; margin-bottom: 45px; text-indent: 2em;} .IAbout .pc_all_content .IAbout_right .IAbout_right_btn{ display: flex; justify-content: flex-end;} .btn{ display: flex; align-items: center; justify-content: center; padding: 12px 35px; border: 1px solid #7f7f7f; border-radius: 100px; position: relative;} .btn span{ margin-left: 9px;} .btn span{ display: flex; align-items: center; justify-content: center; position: relative;} .btn span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .btn:hover{ border: 1px solid #006431; color: rgba(255,255,255,.8); background: #006431;} .btn span img{ opacity: 1;} .btn:hover span img{ opacity: 0;} .btn:hover span img:last-child{ opacity: 1;} .title{ text-align: center; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 3px solid #e5e5e5; position: relative;} .title::before{ content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #e5e5e5; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -5px;} .title .title_dd{ font-weight: bolder; color: #006431; margin: 0;} .title .title_dt{ color: #969696; text-transform: uppercase; margin-top: 15px;} .INews{ background: #f8f8f8;} .INews .INews_content{ display: flex; align-items: center; justify-content: space-between;} .INews .INews_content .INews_content_list{ position: relative; width: 32%;} .INews .INews_content .INews_content_list:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,.3);} .INews .INews_content .INews_content_list .content_list_time{ position: absolute; left: 0; top: 0; background: #89b19d; text-align: center; color: #fff; padding: 10px;} .INews .INews_content .INews_content_list .content_list_time .list_time_dd{ margin-bottom: 5px;} .INews .INews_content .INews_content_list .content_list_img img{ width: 100%;} .INews .INews_content .INews_content_list .content_list_txt{ background: #fff; padding: 35px;} .INews .INews_content .INews_content_list .content_list_txt .list_txt_dd{ color: #006431; font-weight: bolder; margin: 0;} .INews .INews_content .INews_content_list .content_list_txt .list_txt_dt{ color: #666666; line-height: 1.5; margin-top: 20px;} .INews .INews_content .INews_content_list .content_list_txt .list_txt_btn{ display: flex; align-items: center; color: #80b198; margin-top: 25px;} .INews .INews_content .INews_content_list .content_list_txt .list_txt_btn img{ height: 18px; margin-left: 5px;} .BtnCenter{ display: flex; justify-content: center; margin-top: 55px;} .Quality .Quality_content{ display: flex; justify-content: space-between;} .Quality .Quality_content .Quality_content_list{ width: 32%;} .Quality .Quality_content .Quality_content_list .content_list_img img{ width: 100%;} .Quality .Quality_content .Quality_content_list .content_list_txt{ display: flex; align-items: flex-start; justify-content: space-between; padding: 35px 15px; padding-bottom: 15px;} .Quality .Quality_content .Quality_content_list .content_list_txt .list_txt_left{ width: calc(100% - 70px);} .Quality .Quality_content .Quality_content_list .content_list_txt .list_txt_left .txt_left_dd{ color: #666666; font-weight: bolder; margin: 0;} .Quality .Quality_content .Quality_content_list .content_list_txt .list_txt_left .txt_left_dt{ color: #666666; margin-top: 15px; line-height: 1.5;} .Quality .Quality_content .Quality_content_list .content_list_txt .list_txt_right{ display: flex; align-items: center; color: #80b198;} .Quality .Quality_content .Quality_content_list .content_list_txt .list_txt_right img{ height: 18px; margin-left: 5px;} .IProduct{ background: #f8f8f8;} .IProduct .IProduct_nav{ display: flex; align-items: center; justify-content: center; margin-bottom: 40px;} .IProduct .IProduct_nav .IProduct_nav_list{ color: #000000; font-weight: bolder; padding: 10px 50px; border-radius: 100px; background: #d2dfd8; margin-right: 45px; cursor: pointer;} .IProduct .IProduct_nav .IProduct_nav_list:last-child{ margin-right: 0;} .IProduct .IProduct_nav .IProduct_nav_list.active{ background: #006431; color: #fff;} .IProduct .IProduct_content{position: relative;} .IProduct .IProduct_content .IProduct_content_l.active{ position: relative; opacity: 1; z-index: 1;} .IProduct .IProduct_content .IProduct_content_l{ position: absolute; left: 0; top: 0; opacity: 0; z-index: -1; width: 100%;} .swiper-button-next,.swiper-button-prev{ width: 50px; height: 50px; border-radius: 100%; border: 3px solid #006431;} .swiper-button-next:after,.swiper-button-prev:after{ color: #006431; font-size: 22px; font-weight: bolder;} .swiper-button-next{ right: -72px;} .swiper-button-prev{ left: -72px;} .swiper-button-next:hover,.swiper-button-prev:hover{ background: #006431;} .swiper-button-next:hover:after,.swiper-button-prev:hover:after{ color: #fff;} .IProduct .IProduct_content .IProduct_content_list .content_list_po{ position: absolute; top: 0; left: 0; background: rgba(0,0,0,.4); width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 26px 36px; opacity: 0;} .IProduct .IProduct_content .IProduct_content_list:hover .content_list_po{ opacity: 1;} .IProduct .IProduct_content .IProduct_content_list .content_list_po .list_po_title .po_title_dd{ color: #fff; margin: 0;} .IProduct .IProduct_content .IProduct_content_list .content_list_po .list_po_title .po_title_dt{ color: #fff; margin-top: 7px;} .IProduct .IProduct_content .IProduct_content_list .content_list_po .list_po_txt .po_txt_dd{ color: #fff;} .IProduct .IProduct_content .IProduct_content_list .content_list_po .list_po_txt .po_txt_dt{ color: #fff; margin-top: 7px; line-height: 1.4;} .IProduct .IProduct_content .IProduct_content_list .content_list_img img{ width: 100%;} .IJoin .pc_all_content{ display: flex; align-items: flex-start; justify-content: space-between;} .IJoin .pc_all_content .IJoin_list{ position: relative; width: 48.5%; display: inline-block;} .IJoin .pc_all_content .IJoin_list .IJoin_list_img img{ width: 100%;} .IJoin .pc_all_content .IJoin_list .IJoin_list_content{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; top: 0; left: 0; color: #fff;} .IJoin .pc_all_content .IJoin_list .IJoin_list_content a{ color: #fff; display: inline-block; border: 2px solid rgba(255,255,255,.5); padding: 15px 30px; border-radius: 20px; margin-bottom: 44px;} .IJoin .pc_all_content .IJoin_list .IJoin_list_content a:hover{background: rgba(255,255,255,.2);} .IJoin .pc_all_content .IJoin_list .IJoin_list_content .list_content_txt{ line-height: 1.7;} .IJoin .pc_all_content .IJoin_list .IJoin_list_content2{ position: absolute; width: 80%; height: 70%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; top: 50%; left: 50%; background: rgba(0,0,0,.7); transform: translateX(-50%) translateY(-50%);} .IJoin .pc_all_content .IJoin_list .IJoin_list_content2 .list_content2_dd img{ height: 80px;} .IJoin .pc_all_content .IJoin_list .IJoin_list_content2 .list_content2_dt{ color: #fff; margin-top: 20px;} .Footer{ border-top: 6px solid #006431; background: url(../images/bg10.jpg) no-repeat 50%/cover;} .Footer .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .Footer .pc_all_content .Footer_left{ display: flex; align-items: flex-start;} .Footer .pc_all_content .Footer_left .Footer_left_contact{ margin-right: 85px;} .Footer .pc_all_content .Footer_left .Footer_left_contact .left_contact_dd{ color: #fff; margin-bottom: 16px;} .Footer .pc_all_content .Footer_left .Footer_left_contact .left_contact_dt{ color: rgba(255,255,255,.3);} .Footer .pc_all_content .Footer_left .Footer_left_address .left_address_dd{ color: rgba(255,255,255,.5); margin-bottom: 40px;} .Footer .pc_all_content .Footer_left .Footer_left_address .left_address_dt .address_dt_list{ color: rgba(255,255,255,.5); display: flex; align-items: center; margin-bottom: 16px;} .Footer .pc_all_content .Footer_left .Footer_left_address .left_address_dt .address_dt_list:last-child{ margin-bottom: 0;} .Footer .pc_all_content .Footer_left .Footer_left_address .left_address_dt .address_dt_list img{ margin-right: 15px;} .Footer .pc_all_content .Footer_right{ display: flex; align-items: flex-start;} .Footer .pc_all_content .Footer_right .Footer_right_nav{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Footer .pc_all_content .Footer_right .Footer_right_nav a{ color: rgba(255,255,255,.5); display: inline-block; width: 50%; margin-bottom: 22px;} .Footer .pc_all_content .Footer_right .Footer_right_nav a:hover{ color: #fff;} .Footer .pc_all_content .Footer_right .Footer_right_img img{ width: 220px;} .COPYRIGHT{ padding: 25px 0px; background: #252525;} .COPYRIGHT .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .COPYRIGHT .COPYRIGHT_right{display: flex; align-items: center;} .COPYRIGHT .COPYRIGHT_right .COPYRIGHT_right_dd{ color: rgba(255,255,255,.5); margin-right: 12px;} .COPYRIGHT .COPYRIGHT_right .COPYRIGHT_right_dt{display: flex; align-items: center;} .COPYRIGHT .COPYRIGHT_right .COPYRIGHT_right_dt a{ color: rgba(255,255,255,.5);} .COPYRIGHT .COPYRIGHT_right .COPYRIGHT_right_dt a:last-child{ margin-left: 12px;display: flex; align-items: center;} .COPYRIGHT .COPYRIGHT_right .COPYRIGHT_right_dt a:last-child img{ margin-right: 3px;} .COPYRIGHT .COPYRIGHT_right .COPYRIGHT_right_dt a:hover{ color: #fff;} @media screen and (max-width:1850px){ } @media screen and (max-width:1650px){ .swiper-button-next{ right: -62px;} .swiper-button-prev{ left: -62px;} } @media screen and (max-width:1550px){ .swiper-button-next{ right: -52px;} .swiper-button-prev{ left: -52px;} } @media screen and (max-width:1450px){ .swiper-button-next{ right: -42px;} .swiper-button-prev{ left: -42px;} } @media screen and (max-width:1366px){ .swiper-button-next{ right: -32px;} .swiper-button-prev{ left: -32px;} } @media screen and (max-width:1280px){ .Header .Header_nav .Header_nav_list{ margin-right: 45px;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ .banner{ margin-top: 62px;} } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .banner .swiper-pagination{ bottom: 30px;} .title{ margin-bottom: 30px; padding-bottom: 20px;} .title .title_dd{ font-size: 24px;} .title .title_dt{ margin-top: 8px;} .padding90{ padding: 45px 0px;} .sign{ height: 11px; margin-bottom: 10px;} .sign img{ width: 55px;} .IAbout .pc_all_content{ flex-wrap: wrap;} .IAbout .pc_all_content .IAbout_img,.IAbout .pc_all_content .IAbout_right{ width: 100%;} .IAbout .pc_all_content .IAbout_right{ margin-top: 30px;} .IAbout .pc_all_content .IAbout_right .IAbout_right_txt{ margin-bottom: 30px;} .IAbout .pc_all_content .IAbout_right .IAbout_right_btn{ justify-content: flex-start;} .INews .INews_content{ flex-wrap: wrap;} .INews .INews_content .INews_content_list{ width: 100%; margin-bottom: 25px;} .INews .INews_content .INews_content_list:last-child{ margin-bottom: 0;} .INews .INews_content .INews_content_list .content_list_txt{ padding: 22px;} .INews .INews_content .INews_content_list .content_list_txt .list_txt_dt{ margin-top: 15px;} .Quality .Quality_content{ flex-wrap: wrap;} .Quality .Quality_content .Quality_content_list{ width: 100%; margin-bottom: 20px;} .Quality .Quality_content .Quality_content_list:last-child{ margin-bottom: 0;} .Quality .Quality_content .Quality_content_list .content_list_txt{ padding-top: 25px;} .IProduct .IProduct_nav{flex-wrap: wrap;} .IProduct .IProduct_nav .IProduct_nav_list{ width: 32%; margin-right: 2%; padding: 10px 0px; text-align: center; margin-bottom: 12px; font-size: 16px;} .IProduct .IProduct_nav .IProduct_nav_list:nth-child(3n){ margin-right: 0;} .BtnCenter{ margin-top: 35px;} .IJoin .pc_all_content{ flex-wrap: wrap;} .IJoin .pc_all_content .IJoin_list{ width: 100%; margin-bottom: 20px;} .IJoin .pc_all_content .IJoin_list:last-child{ margin-bottom: 0;} .IJoin .pc_all_content .IJoin_list .IJoin_list_content2 .list_content2_dd img{ height: 45px;} .IJoin .pc_all_content .IJoin_list .IJoin_list_content a{ margin-bottom: 22px;} .Footer .pc_all_content{ flex-wrap: wrap;} .Footer .pc_all_content .Footer_left{ margin-bottom: 33px; display: block;} .Footer .pc_all_content .Footer_left,.Footer .pc_all_content .Footer_right{ width: 100%;} .Footer .pc_all_content .Footer_left .Footer_left_contact{ margin-right: 0px; margin-bottom: 25px;} .Footer .pc_all_content .Footer_left .Footer_left_contact .left_contact_dd{ margin-bottom: 10px;} .Footer .pc_all_content .Footer_left .Footer_left_address{ width: 100%;} .Footer .pc_all_content .Footer_left .Footer_left_address .left_address_dd{ margin-bottom: 25px;} .Footer .pc_all_content .Footer_right .Footer_right_img img{ width: 160px;} .COPYRIGHT .pc_all_content{ flex-wrap: wrap; text-align: center;} .COPYRIGHT .COPYRIGHT_left{ width: 100%; text-align: center; margin-bottom: 15px; display: none;} .COPYRIGHT .COPYRIGHT_right{flex-direction: column;} .COPYRIGHT .COPYRIGHT_right .COPYRIGHT_right_dd{ line-height: 1.5; margin-bottom: 5px;} .COPYRIGHT .COPYRIGHT_right .COPYRIGHT_right_dt a{ line-height: 1.5;} .btn{ padding: 10px 20px;} .swiper-button-next{ right: -12px;} .swiper-button-prev{ left: -12px;} .swiper-button-next, .swiper-button-prev{ width: 38px; height: 38px; border: 2px solid #006431; background:#fff;} .swiper-button-next:after, .swiper-button-prev:after{ font-size: 18px;} } /* 关于我们 */ .Title2{ font-weight: bolder; color: #006431; padding-bottom: 30px; border-bottom: 3px solid #e5e5e5; margin-bottom: 45px; display: flex; align-items: center; justify-content: space-between; margin-top: 0;} .Title2 .Title2_left{ margin: 0; width: calc(100% - 200px); line-height: 1.5;} .Title2 .Title2_right{ color: #666666; font-weight: normal;} .About2 .pc_all_content{ display: flex; align-items: flex-start; justify-content: space-between;} .About .AboutNav{ width: 200px;} .About .AboutNav .AboutNav_top .AboutNav_top_title{ color:#111; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; font-weight: bolder;} .About .AboutNav .AboutNav_top .AboutNav_top_txt a{ color:#9f9f9f; display: inline-block; padding: 16px 0px; width: 100%; border-bottom: 1px solid #e6e6e6; padding-left: 20px;} .About .AboutNav .AboutNav_top .AboutNav_top_txt a.active{ color:#006431;} .About .AboutNav .AboutNav_img{ margin-top: 30px;} .About .AboutRight{ width: calc(100% - 240px);} .About .AboutRight .AboutRight_title{ padding-bottom: 26px; border-bottom: 3px solid #e5e5e5; margin-bottom: 28px; display: flex; align-items: center; justify-content: space-between; margin-top: 0;} .About .AboutRight .AboutRight_title .AboutRight_title_left{ font-weight: bolder; color: #006431; margin: 0PX; width: calc(100% - 150px);} .AboutRight_title_btn{ display: flex; align-items:center; font-size: 18px; color:#9f9f9f;} .AboutRight_title_btn a{ display: flex; align-items:center; justify-content:center; width: 24px; height: 24px; border-radius: 4px; background:#b6b6b7; margin-left:12px; color:#fff; font-size: 16px; font-weight: normal;} .AboutRight_title_btn span{ font-size: 13px;} .About .About_txt{ line-height: 2; color: #666666; margin-bottom: 55px;} .About .About_txt p{ text-indent: 2em;} .About .About_txt.notindent p{ text-indent: 0em;} .About .About_txt img{ max-width: 100%; height: auto;} .About .About_honor{ display: flex; flex-wrap: wrap;} .About .About_honor .About_honor_list{ width: 18.4%; margin-right: 2%; margin-bottom: 2%;} .About .About_honor .About_honor_list:nth-child(5n){ margin-right: 0px;} .About .About_video{ display: flex; flex-wrap: wrap; justify-content: space-between;} .About .About_video .About_video_list{ width: 45%; cursor: pointer;} .About .About_video .About_video_list .video_list_dd{ position: relative; overflow: hidden;} .About .About_video .About_video_list .video_list_dd::before{ content: ""; display: inline-block; width: 80px; height: 80px; background: rgba(0,0,0,0.35) url(../images/sv2.svg) no-repeat 50% 50%; background-size: 92px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;} .About .About_video .About_video_list .video_list_dd img{ width: 100%;} .About .About_video .About_video_list .video_list_dt{ text-align: center; line-height: 66px; font-weight: bolder; color: #006431; margin: 0;} .About .About_img{ text-align: center; margin-bottom: 65px;} .About .About_img img{ max-width: 100%;} .History .History_title{ display: flex; align-items: center; justify-content: center; margin-bottom: 60px;} .History .History_title span{ display: inline-block; width: 795px; max-width: 100%; padding: 20px 0px; font-weight: bolder; color: #fff; border-radius: 100px; background: #006431; text-align: center;} .History .History_content{ overflow: hidden; position: relative;} .History .History_content img{ width: auto; height: auto;} /* .History .History_content::before{ content: ""; display: inline-block; width: 3px; height: 100%; margin: 0 auto; left: 0; right: 0; background: #006431; position: absolute; top: 15px;} */ .History .History_content .History_content_list{ width: calc(50% - 20px); text-align: right; float: left; margin-bottom: 35px;} .History .History_content .History_content_list:nth-child(2){ margin-top: 70px;} .History .History_content .History_content_list:nth-child(2n){ float: right; text-align: left;} .History .History_content .History_content_list .content_list_title{ padding: 6px; background: #006431; color: #fff; display: inline-block; position: relative; margin: 0;} .History .History_content .History_content_list .content_list_title::after {content:"";width:0;height:0;border-bottom:6px solid transparent;border-left:8px solid #006431;border-top:6px solid transparent;position:absolute;top:50%;right:-8px; transform: translateY(-50%);} .History .History_content .History_content_list:nth-child(2n) .content_list_title::after {content:"";width:0;height:0;border-left:inherit;border-bottom:6px solid transparent;border-right:8px solid #006431;border-top:6px solid transparent;position:absolute;top:50%;right: auto; left:-8px; transform: translateY(-50%);} .History .History_content .History_content_list .content_list_title::before{ content: ""; display: inline-block; width: 10px; height: 10px; background: #006431; border-radius: 100%; right: -24px; position: absolute; top: 50%; transform: translateY(-50%);} .History .History_content .History_content_list:nth-child(2n) .content_list_title::before{ content: ""; display: inline-block; width: 10px; height: 10px; background: #006431; border-radius: 100%; right: auto; left: -25px; position: absolute; top: 50%; transform: translateY(-50%);} .History .History_content .History_content_list .content_list_txt{ color: #666666; margin-top: 10px; line-height: 1.8;} .History .History_bottom{ line-height: 1.8; color: #666666; border: 1px dashed #006431; padding: 20px 40px; margin-top: 45px;} .idea .idea_content{ text-align: center;} .idea .idea_content img{ width: 100%;} @media screen and (max-width:1850px){ } @media screen and (max-width:1650px){ } @media screen and (max-width:1550px){ } @media screen and (max-width:1450px){ } @media screen and (max-width:1366px){ } @media screen and (max-width:1280px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .Title2{ font-size: 26px; line-height: 1.5; padding-bottom: 22px; margin-bottom: 22px;} .About .About_txt{ margin-bottom: 33px;} .History .History_title{ margin-bottom: 35px;} .History .History_title span{ padding: 15px 0px;} .History .History_bottom{ margin-top: 30px; padding: 20px;} .About .About_honor{ justify-content: space-between;} .About .About_honor .About_honor_list{ width: 49%; margin-right: 0;} .About .About_video .About_video_list{ width: 49%;} .About .About_video .About_video_list .video_list_dd::before{ background-size: 40px;} .About .About_video .About_video_list .video_list_dt{ line-height: 50px;} .About2 .pc_all_content{ flex-wrap: wrap;} .About .AboutNav{ width: 100%;} .About .AboutRight{ width: 100%; margin-top: 35px;} .About .AboutRight .AboutRight_title{ flex-wrap: wrap;} .About .AboutRight .AboutRight_title .AboutRight_title_left{ width: 100%; line-height: 1.5} .About .AboutRight .AboutRight_title .AboutRight_title_btn{ width: 100%; margin-top: 20px;} } /* 产品系列 */ .Crumbs .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .Crumbs .pc_all_content .Crumbs_left{ font-weight: bolder; color: #999;} .Crumbs .pc_all_content .Crumbs_left a{ font-weight: bolder; color: #999;} .Crumbs .pc_all_content .Crumbs_left a.active{ color: #006431;} .Crumbs .pc_all_content .Crumbs_search{ display: flex; align-items: center; border: 2px solid #c9c9c9; border-radius: 100px; overflow: hidden;} .Crumbs .pc_all_content .Crumbs_search input[type="text"]{ line-height: 45px; padding-left: 20px; color: #111;} .Crumbs .pc_all_content .Crumbs_search input[type="submit"]{ height: 45px; width: 55px; background: url(../images/bn9.png) no-repeat 50% 50%; background-size: 20px;} .Product{ padding-top: 50px;} .Product .pc_all_content{ display: flex; align-items: flex-start; justify-content: space-between;} .Product .pc_all_content .Product_left{ width: 220px;} .Product .pc_all_content .Product_left .Product_left_top{ display: flex; align-items: center; padding-bottom: 25px; border-bottom: 1px solid #e6e6e6; padding-left: 15px;} .Product .pc_all_content .Product_left .Product_left_top .left_top_icon img{ height: 27px;} .Product .pc_all_content .Product_left .Product_left_top .left_top_right{ margin-left: 12px;} .Product .pc_all_content .Product_left .Product_left_top .left_top_right .top_right_dd{ color: #161616; font-weight: bolder;} .Product .pc_all_content .Product_left .Product_left_top .left_top_right .top_right_dt{ color: #161616; text-transform: uppercase;} .Product .pc_all_content .Product_left .Product_left_bottom .left_bottom_list{ display: flex; align-items: center; font-weight: bolder; color: #333333; padding: 25px 0px; border-bottom: 1px solid #e6e6e6; padding-left: 15px; border-left: 15px solid #fff;} .Product .pc_all_content .Product_left .Product_left_bottom .left_bottom_list .bottom_list_icon{ width: 16px; height: 16px; border-radius: 100%; background: #333333; display: flex; align-items: center; justify-content: center; margin-right: 15px;} .Product .pc_all_content .Product_left .Product_left_bottom .left_bottom_list .bottom_list_icon::after{content:"";width:0;height:0;border-bottom:3px solid transparent;border-left:5px solid #fff;border-top:3px solid transparent; position: relative; left: 1px;} .Product .pc_all_content .Product_left .Product_left_bottom .left_bottom_list:hover .bottom_list_icon{ background: #fff;} .Product .pc_all_content .Product_left .Product_left_bottom .left_bottom_list:hover .bottom_list_icon::after{ border-left:5px solid #006431; } .Product .pc_all_content .Product_left .Product_left_bottom .left_bottom_list:hover{ background: #006431; border-left: 15px solid #343434; color: #fff;} .Product .pc_all_content .Product_left .Product_left_bottom .left_bottom_list.active .bottom_list_icon{ background: #fff;} .Product .pc_all_content .Product_left .Product_left_bottom .left_bottom_list.active .bottom_list_icon::after{ border-left:5px solid #006431; } .Product .pc_all_content .Product_left .Product_left_bottom .left_bottom_list.active{ background: #006431; border-left: 15px solid #343434; color: #fff;} .Product .pc_all_content .Product_right{ width: calc(100% - 260px);} .Product .pc_all_content .Product_right .Product_right_top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px;} .Product .pc_all_content .Product_right .Product_right_top .right_top_left{ color: #006431; display: flex; align-items: center; margin: 0;} .Product .pc_all_content .Product_right .Product_right_top .right_top_left .top_left_icon{ width: 20px; height: 20px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #006431; margin-right: 10px;} .Product .pc_all_content .Product_right .Product_right_top .right_top_left .top_left_icon::after{content:"";width:0;height:0;border-bottom:3px solid transparent;border-left:5px solid #fff;border-top:3px solid transparent; position: relative; left: 1px;} .Product .pc_all_content .Product_right .Product_right_top .right_top_right{ display: flex; align-items: center;} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .top_right_prev{ width: 31px; height: 31px; display: flex; align-items: center; justify-content: center; background: #cccccc; font-size: 18px; color: #fff; cursor: pointer;} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .top_right_title{ color: #145a49; font-weight: bolder; margin: 0px 15px;} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .top_right_next{ width: 31px; height: 31px; display: flex; align-items: center; justify-content: center; background: #cccccc; cursor: pointer;} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .top_right_prev:hover,.Product .pc_all_content .Product_right .Product_right_top .right_top_right .top_right_next:hover{ background: #145a49;} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .layui-box{} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .layui-box i{font-size: 18px; color: #fff;} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .layui-box a{width: 31px; height: 31px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; font-weight: 100; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; background-color: #145a49; cursor: not-allowed; font-size: 20px;cursor: pointer;} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .layui-box a:hover{ background: #145a49;} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .layui-box a i{} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .layui-box .layui-laypage-curr{width: auto;color: #145a49; font-weight: bolder; margin: 0px 10px;font-size: 18px;} .Product .pc_all_content .Product_right .Product_right_top .right_top_right .layui-box .layui-laypage-disabled{width: 31px; height: 31px; } .Product .pc_all_content .Product_right .Product_right_top .right_top_right .layui-box .layui-laypage-disabled i{} .Product .pc_all_content .Product_right .Product_right_bottom{ display: flex; flex-wrap: wrap; padding-bottom: 10px;} .Product .pc_all_content .Product_right .Product_right_bottom .right_bottom_list{ width: 32%; margin-right: 2%; margin-bottom: 4%;} .Product .pc_all_content .Product_right .Product_right_bottom .right_bottom_list:nth-child(3n){ margin-right: 0;} .Product .pc_all_content .Product_right .Product_right_bottom .right_bottom_list .bottom_list_img{ overflow: hidden;} .Product .pc_all_content .Product_right .Product_right_bottom .right_bottom_list .bottom_list_img img{ width: 100%;} .Product .pc_all_content .Product_right .Product_right_bottom .right_bottom_list .bottom_list_title{ padding: 15px 0px; text-align: center; background: #f6f6f6; border-radius: 0px 0px 5px 5px; box-shadow: 0px 5px 0px #dadada; margin: 0;} .Product .pc_all_content .Product_right .Product_right_bottom .right_bottom_list:hover .bottom_list_title{ background: #145a49; color: #fff;} .DProduct .DProduct_top{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 45px;} .DProduct .DProduct_top .DProduct_top_left{ width: 50%;} .DProduct .DProduct_top .DProduct_top_left img{ width: 100%;} .DProduct .DProduct_top .DProduct_top_right{ width: 45%;} .DProduct .DProduct_top .DProduct_top_right .top_right_top{ padding-bottom: 30px; border-bottom: 3px solid #e5e5e5; margin-bottom: 35px;} .DProduct .DProduct_top .DProduct_top_right .top_right_top .right_top_dd{ color: #006431; font-weight: bolder; margin: 0;} .DProduct .DProduct_top .DProduct_top_right .top_right_top .right_top_dt{ color: #969696; margin-top: 5px;} .DProduct .DProduct_top .DProduct_top_right .top_right_bottom{ line-height: 1.9; color: #666666;} .DProduct .DProduct_bottom{ position: relative;} .DProduct .DProduct_bottom .swiper-wrapper{ padding: 20px 0px;} .DProduct .DProduct_bottom .DProduct_bottom_list{transform: scale(.9); box-shadow: 0px 0px 20px rgba(0,0,0,0);} .DProduct .DProduct_bottom .DProduct_bottom_list.swiper-slide-active{transform: scale(1); box-shadow: 0px 0px 20px rgba(0,0,0,.3);} .DProduct .DProduct_bottom .DProduct_bottom_list img{ width: 100%;} @media screen and (max-width:1850px){ } @media screen and (max-width:1650px){ } @media screen and (max-width:1550px){ } @media screen and (max-width:1450px){ } @media screen and (max-width:1366px){ } @media screen and (max-width:1280px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .Crumbs{ padding-top: 45px;} .Crumbs .pc_all_content{ flex-wrap: wrap;} .Crumbs .pc_all_content .Crumbs_left,.Crumbs .pc_all_content .Crumbs_search{ width: 100%;} .Crumbs .pc_all_content .Crumbs_search{ margin-top: 25px;} .Crumbs .pc_all_content .Crumbs_search input[type="text"]{ width: calc(100% - 55px);} .home .banner .banner_list .banner_list_img img{ height: 226px;} .banner .banner_list .banner_list_img img{ height: 160px;} .DProduct .DProduct_top{ flex-wrap: wrap;} .DProduct .DProduct_top .DProduct_top_left,.DProduct .DProduct_top .DProduct_top_right{ width: 100%;} .DProduct .DProduct_top .DProduct_top_right .top_right_top{ padding-bottom: 20px; margin-bottom: 20px;} .DProduct .DProduct_top .DProduct_top_right .top_right_top .right_top_dd{ font-size: 30px;} .DProduct .DProduct_top .DProduct_top_right .top_right_top .right_top_dt{ margin-top: 10px;} .Product{ padding-top: 35px;} .Product .pc_all_content{ flex-wrap: wrap;} .Product .pc_all_content .Product_left{ margin-bottom: 35px;} .Product .pc_all_content .Product_left,.Product .pc_all_content .Product_right{ width: 100%;} .Product .pc_all_content .Product_left .Product_left_bottom{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Product .pc_all_content .Product_left .Product_left_bottom .left_bottom_list{ width: 50%; padding-top: 20px; padding-bottom: 20px;} .Product .pc_all_content .Product_right .Product_right_top .right_top_left{ font-size: 20px;} .Product .pc_all_content .Product_right .Product_right_bottom{ justify-content: space-between; padding-bottom: 0;} .Product .pc_all_content .Product_right .Product_right_bottom .right_bottom_list{ width: 49%; margin-right: 0;} .layui-laypage a,.layui-laypage a:last-child,.layui-laypage .layui-laypage-disabled{ width: 30px; height: 30px;} } /* 新闻资讯 */ .News .News_content{ margin-bottom: 48px;} .News .News_content .News_content_list{ display: flex; justify-content: space-between; padding: 45px 0px;border-bottom: 3px solid #e5e5e5;} .News .News_content .News_content_list:hover{ border-bottom: 3px solid #006431;} .News .News_content .News_content_list .content_list_img{ width: 36%; overflow: hidden;} .News .News_content .News_content_list .content_list_img img{ width: 100%; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; height: 100%; object-fit: cover;} .News .News_content .News_content_list:hover .content_list_img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .News .News_content .News_content_list .content_list_txt{ width: 60%;} .News .News_content .News_content_list .content_list_txt .list_txt_dd{ color: #006431; font-weight: bolder; line-height: 1.5; text-indent: 2em;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; } .News .News_content .News_content_list .content_list_txt .list_txt_dt{ color: #666666; margin-top: 15px; margin-bottom: 25px;} .News .News_content .News_content_list .content_list_txt .list_txt_p{ color: #666666; line-height: 1.5; text-indent: 2em;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .News .News_content .News_content_list .content_list_txt .list_txt_more{ display: flex; justify-content: flex-end; align-items: center; color: #666; margin-top: 20px;} .News .News_content .News_content_list .content_list_txt .list_txt_more img{ margin-left: 6px;} .DNews .DNews_top{ margin-bottom: 55px; width: 900px; max-width: 100%; margin:0 auto;} .DNews .DNews_top .DNews_top_content{ color: #666; line-height: 1.6;} .DNews .DNews_top .DNews_top_content p{ margin-bottom: 20px;} .DNews .DNews_top .DNews_top_back{ margin-top: 25px;} .DNews .DNews_bottom .DNews_bottom_content{ position: relative;} .DNews .DNews_bottom .DNews_bottom_content .bottom_content_list .content_list_img{ overflow: hidden;} .DNews .DNews_bottom .DNews_bottom_content .bottom_content_list .content_list_img img{ width: 100%;} .DNews .DNews_bottom .DNews_bottom_content .bottom_content_list .content_list_title{ color: #111; background: #d9d9d9; text-align: center; padding: 16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px;} .DNews .DNews_bottom .DNews_bottom_content .bottom_content_list:hover .content_list_title{ background: #006431; color: #fff;} .DNews .Title2{ display: block;} .DNews .DNews_top .Title2{ text-align:center;} .DNews .Title2 .Title2_left{ width: 100%;} .DNews .Title2 .Title2_right{ margin-top: 20px;} .DNews .Title2 .AboutRight_title_btn{ justify-content:center; margin-top: 20px;} @media screen and (max-width:1850px){ } @media screen and (max-width:1650px){ } @media screen and (max-width:1550px){ } @media screen and (max-width:1450px){ } @media screen and (max-width:1366px){ } @media screen and (max-width:1280px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .News .News_content .News_content_list{ flex-wrap: wrap;} .News .News_content .News_content_list .content_list_img,.News .News_content .News_content_list .content_list_txt{ width: 100%;} .News .News_content .News_content_list .content_list_txt .list_txt_dd,.News .News_content .News_content_list .content_list_txt .list_txt_p{ text-indent: 0;} .News .News_content .News_content_list .content_list_txt{ margin-top: 25px;} .News .News_content .News_content_list .content_list_txt .list_txt_dt{ margin: 15px 0px;} .News .News_content .News_content_list{ padding: 34px 0px;} .News .News_content .News_content_list:first-child{ padding-top: 0;} .Title2{ flex-wrap: wrap;} .Title2 .Title2_left{ line-height: 1.5; font-size: 26px;} .Title2 .Title2_left,.Title2 .Title2_right{ width: 100%;} .Title2 .Title2_right{ font-size: 20px; margin-top: 15px;} .DNews .DNews_top .DNews_top_content img{ width: auto; max-width: 100%; height: auto !important;} } /* 加入我们 */ .Contact .Contact_content .Contact_content_map img{ width: 100%;} .Contact .Contact_content .Contact_content_bottom{ display: flex; align-items: center; justify-content: space-between; margin-top: 30px;} .Contact .Contact_content .Contact_content_bottom .content_bottom_address .bottom_address_list{ color: #666; display: flex; align-items: center; margin-bottom: 16px;} .Contact .Contact_content .Contact_content_bottom .content_bottom_address .bottom_address_list:last-child{ margin-bottom: 0;} .Contact .Contact_content .Contact_content_bottom .content_bottom_address .bottom_address_list img{ margin-right: 12px;} .Contact .Contact_content .Contact_content_bottom .content_bottom_img{ text-align: center;} .Contact .Contact_content .Contact_content_bottom .content_bottom_img .bottom_img_dd img{ max-width: 100%; width: 220px;} .Contact .Contact_content .Contact_content_bottom .bottom_img_dt{ color: #666; margin-top: 10px;} @media screen and (max-width:1850px){ } @media screen and (max-width:1650px){ } @media screen and (max-width:1550px){ } @media screen and (max-width:1450px){ } @media screen and (max-width:1366px){ } @media screen and (max-width:1280px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .Contact .Contact_content .Contact_content_bottom{ flex-wrap: wrap;} .Contact .Contact_content .Contact_content_bottom .content_bottom_img,.Contact .Contact_content .Contact_content_bottom .content_bottom_address{ width: 100%;} .Contact .Contact_content .Contact_content_bottom .content_bottom_img{ margin-top: 26px; text-align: left;} .Contact .Contact_content .Contact_content_bottom .content_bottom_img .bottom_img_dd img{ width: 120px;} .Contact .Contact_content .Contact_content_bottom .content_bottom_address .bottom_address_list img{ height: 24px;} } @media screen and (max-width:1650px){ .layui-laypage{margin-top:58px;} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1550px;} .padding110{ padding: 100px 0px;} .Btn .Btn_left{ padding: 0px 18px;} .Btn .Btn_right{ width: 44px; height: 44px;} .Btn .Btn_right img{ height: 16px;} } @media screen and (max-width:1550px){ .layui-laypage{margin-top:48px;} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1450px;} .padding110{ padding: 90px 0px;} .Btn .Btn_left{ padding: 0px 16px;} .Btn .Btn_right{ width: 40px; height: 40px;} .Btn .Btn_right img{ height: 16px;} } @media screen and (max-width:1450px){ .layui-laypage{margin-top:38px;} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1366px;} .padding110{ padding: 80px 0px;} .Btn .Btn_left{ padding: 0px 14px;} .Btn .Btn_right{ width: 36px; height: 36px;} } @media screen and (max-width:1366px){ .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1280px;} .padding110{ padding: 70px 0px;} } @media screen and (max-width:1280px){ .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1124px;} } @media screen and (max-width:1124px){ .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1024px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .Header,.HeaderNav{ display: none;} .pc_all .pc_all_content,.banner .banner_list_po,.DBanner .DBanner_po,.pc_all2 .pc_all_content{ width: 90%;} /* 手机导航 */ .m-header-nav *{-webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;} .m-header-nav-height{ display:block;} .m-header-nav{display: block;position:fixed;top:0;z-index:1000;width:100%;transition:all ease 0.45s; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,.3);} .m-header-nav .sp_header{position: relative;top:0;z-index:10000;padding: 0% 4%; display:flex; align-items:center; justify-content:space-between; height: 62px;} .m-header-nav .sp_logo{padding: 0;display:flex; align-items:center;} .m-header-nav .sp_logo a{ display: flex; position: relative; align-items: center;} .m-header-nav .sp_logo img{margin:auto;transition:all ease 0.45s; height: 28px;} .m-header-nav .sp_logo img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .m-header-nav .sp_btn{ display: flex; position: relative;} .m-header-nav .sp_btn .sp_btn_list{ margin-right: 15px; position: relative; top: -2px;} .m-header-nav .sp_btn .sp_btn_list:last-child{ margin-right: 0px;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title{ display: flex; align-items:center; color:#333;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title img{ height: 18px;} .m-header-nav .sp_btn .sp_btn_list .btn_list_down{ position: absolute; width: 100px; top: 40px; left: 50%; background:#fff; transform: translateX(-50%); box-shadow: 0px 0px 20px rgba(0,0,0,.1); display: none;} .m-header-nav .sp_btn .sp_btn_list .btn_list_down a{ font-size: 14px; display: inline-block; width: 100%; text-align:center; line-height: 31px;} .m-header-nav .sp_login{ position: absolute; right: 75px;} .m-header-nav .sp_login img{ height: 24px;} .m-header-nav .sp_nav{width: 26px;float:right;position:relative;cursor:pointer;height:14px;z-index: 900;top: 0px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sp_nav span{display:block;background:#006431;width: 26px;height: 2px;position:absolute;left: 0;transition:all ease 0.45s;} .m-header-nav .sp_nav span:nth-of-type(1){top:0px; width:18px;} .m-header-nav .sp_nav span:nth-of-type(2){top: 6px;} .m-header-nav .sp_nav span:nth-of-type(3){top: 13px;} .m-header-nav .sp_nav_se{ top: -5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sp_nav_se span:nth-of-type(1){top: 11px;transform:rotate(45deg); width:26px;} .m-header-nav .sp_nav_se span:nth-of-type(2){width:0;transition:none;} .m-header-nav .sp_nav_se span:nth-of-type(3){top: 11px;transform:rotate(-45deg);} .m-header-nav .sjj_nav{display: block;position:fixed;z-index:9;background:white;width:70%;height:calc(100%);font-size: .95rem;;line-height:2.7rem;top:0px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.45s; border-top:1px solid #dcdcdc; z-index: 401111; left: -75%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sjj_nav.active{ left: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sjj_nav_bg{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 401110;} .m-header-nav .sjj_nav_bg{display: none;} .m-header-nav .nav_show{display: block;} .m-header-nav .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .m-header-nav .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 100px)} .m-header-nav .sjj_nav>ul>li:first-child .language{float:right;width:93px;overflow:hidden;line-height:40px;} .m-header-nav .sjj_nav>ul>li:first-child .language a{width:50%;float:left;border-left:1px #ededed solid;text-align:center;color:#999;} .m-header-nav .sjj_nav ul li i{position: absolute; top: 0px; right: 0px; border-left: 1px #ededed solid; padding: 0px 15.5px; display: flex; align-items: center; justify-content: flex-start;} .m-header-nav .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.45s} .m-header-nav .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .m-header-nav .sjj_nav ul li{border-top:1px #ededed solid;padding-left:1.1rem;position:relative;line-height:2.6rem; list-style: none;} .m-header-nav .sjj_nav>ul >li:last-child{border-bottom:1px #ededed solid;} .m-header-nav .sjj_nav ul li ul{display:none} .m-header-nav .sjj_nav ul li a{color:#666;width:100%;display: block;font-size: 14px;padding: 14px 0;} .m-header-nav .sjj_nav ul li ul li a{color:#666;display:block;text-align:left;} .m-header-nav .sjj_nav ul li i svg{width:.9rem;height: 2.6rem;fill:#cbcbcb;} .m-header-nav .sjj_nav ul li .sjj_nav_i_se svg{fill:#000;} .m-header-nav .sjj_nav ul li ul li>ul{margin-left:10px} .padding110{ padding: 60px 0px;} } @media screen and (max-width:980px){ /*ipad-x*/ img{ max-width:100%;} .padding110{ padding: 50px 0px;} } @media screen and (max-width:766px){ /*iphone*/ .pc_all .pc_all_content,.banner .banner_list_po,.DBanner .DBanner_po,.pc_all2 .pc_all_content{ max-width: 90%; width: 100%;} .PcShow { display:none;} .MoShow { display:block;} .padding110{ padding: 40px 0px;} .content_list_video .list_video_content{ width: 100%;} .content_list_video .list_video_bg{ z-index: 1120;} .content_list_video .list_video_content{ z-index: 1121;} .search .search_bg .search_content{ width: 90%;} .search .search_content input[type="search"],.search .search_content input[type="submit"]{ height: 55px; font-size: 14px;} .content_list_video .list_video_content{ width: 100%;} .layui-laypage{ flex-wrap: wrap;} }